<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>adminLTE入门案例</title>
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="plugins/adminLTE/css/skins/_all-skins.css">

    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
</head>
<body class="hold-transition skin-green sidebar-mini">
    <div class="wrapper">
      <header class="main-header">
         <a class="logo">这里是一个logo</a>
          <nav class="navbar navbar-static-top">
              XXXXXXXXXXXXXXXXXXXX
          </nav>
      </header>

        <aside class="main-sidebar">
            <ul class="sidebar-menu">
                <li><a href="http://www.baidu.com" target="myIframe">百度</a></li>
                <li><a href="http://www.jd.com" target="myIframe">京东</a></li>
                <li><a href="http://www.itheima.com" target="myIframe">黑马</a></li>
            </ul>
        </aside>

        <div class="content-wrapper">
           <iframe name="myIframe" style="height: 800px;width: 1000px"></iframe>
        </div>

        <footer class="main-footer">
            这是底部的内容
        </footer>
    </div>
</body>
</html>